

<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- head 中 -->
    <link rel="stylesheet" href="materialize.min.css">

    

    <title>H5 网页示例</title>

    <style>
        #title{
            color: #fb8c00;
        }

    </style>
</head>
<body style="margin-left: 10px;margin-right: 10px">

<div class="center-align" id="title">
    <h5 class="valign">外刊选择菜单</h5>
</div>

<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>二级导航菜单</title>
    <!-- ctrl+h即可调出查询与替换窗口 -->
    <link rel="stylesheet" href="index.css" />
</head>
<body>
<div class="navbar">
    <div class="nav">
        <ul>
            <li>
                <a href="javascript:;">第一周学习</a>
                <ol>
                    <li><a href="12-7.html">外刊1</a></li>
                    <li><a href="12-8.html">外刊2</a></li>
                    <li><a href="12-9.html">外刊3</a></li>
                    <li><a href="12-10.html">外刊4</a></li>
                    <li><a href="12-11.html">外刊5</a></li>
                    <li><a href="12-12.html">外刊6</a></li>
                </ol>
            </li>
            <li>
                <a href="javascript:;">第二周学习</a>
                <ol>
                    <li><a href="12-1.html">外刊7</a></li>
                    <li><a href="12-2.html">外刊8</a></li>
                    <li><a href="12-3.html">外刊9</a></li>
                    <li><a href="12-4.html">外刊10</a></li>
                    <li><a href="12-5.html">外刊11</a></li>
                    <li><a href="12-6.html">外刊12</a></li>
                </ol>
            </li>
           <!-- <li>
                <a href="javascript:;">一级菜单4</a>
                <ol>
                    <li><a href="5.html">二级菜单1</a></li>
                    <li><a href="6.html">二级菜单2</a></li>
                    <li><a href="7.html">二级菜单3</a></li>
                    <li><a href="javascript:;">二级菜单4</a></li>
                    <li><a href="javascript:;">二级菜单5</a></li>
                    <li><a href="javascript:;">二级菜单6</a></li>
                </ol>
            </li>-->
            <!--<li>
                <a href="javascript:;">一级菜单5</a>
            </li>-->
            <!-- 这个元素来定义滑动的线条 -->
            <li class="underline"></li>
        </ul>
    </div>
</div>

<div class="navbar">
    <div class="nav">
        <ul>
            <li>
                <a href="javascript:;">第三周学习</a>
                <ol>
                    <li><a href="12-13.html">外刊13</a></li>
                    <li><a href="12-14.html">外刊14</a></li>
                    <li><a href="12-15.html">外刊15</a></li>
                    <li><a href="12-16.html">外刊16</a></li>
                    <li><a href="12-17.html">外刊17</a></li>
                    <li><a href="12-18.html">外刊18</a></li>
                </ol>
            </li>
            <li>
                <a href="javascript:;">第四周学习</a>
                <ol>
                    <li><a href="12-19.html">外刊19</a></li>
                    <li><a href="12-20.html">外刊20</a></li>
                    <li><a href="12-21.html">外刊21</a></li>
                    <li><a href="12-22.html">外刊22</a></li>
                    <li><a href="12-23.html">外刊23</a></li>
                    <li><a href="12-24.html">外刊24</a></li>
                </ol>
            </li>
            <!-- <li>
                 <a href="javascript:;">一级菜单4</a>
                 <ol>
                     <li><a href="5.html">二级菜单1</a></li>
                     <li><a href="6.html">二级菜单2</a></li>
                     <li><a href="7.html">二级菜单3</a></li>
                     <li><a href="javascript:;">二级菜单4</a></li>
                     <li><a href="javascript:;">二级菜单5</a></li>
                     <li><a href="javascript:;">二级菜单6</a></li>
                 </ol>
             </li>-->
            <!--<li>
                <a href="javascript:;">一级菜单5</a>
            </li>-->
            <!-- 这个元素来定义滑动的线条 -->
            <li class="underline"></li>
        </ul>
    </div>
</div>
</body>
</html>















<br/>




</body>


<script>
    


        //使用jquery进行设置值
        //取得参数并且进行设置



    //保存参数的函数
    function save() {
        var name = $("#name").val();
        window.ec.saveConfig("name", name);
        var age = $("#age").val();
        window.ec.saveConfig("age", age);
        //一年级
        window.ec.saveConfig("one", $("#one").prop("checked"));
        window.ec.saveConfig("two", $("#two").prop("checked"));
        window.ec.saveConfig("three", $("#three").prop("checked"));

        window.ec.saveConfig("music", $("#music").prop("checked"));
        window.ec.saveConfig("sing", $("#sing").prop("checked"));
        window.ec.saveConfig("dance", $("#dance").prop("checked"));

        window.ec.saveConfig("mark", $("#mark").val());


        var sex = $("select[name=sex]").find("option:selected").val();
        window.ec.saveConfig("sex", sex);

        window.ec.toast("保存成功");


    }



    // 获取三个按钮
    const button1 = document.getElementById('button1');
    const button2 = document.getElementById('button2');
    const button3 = document.getElementById('button3');

    // 获取“重置”按钮
    const resetButton = document.getElementById('reset');

    // 创建计数器
    let count = 0;

    // 为三个按钮添加点击事件监听器
    button1.addEventListener('click', () => {
        count++;
        // 将计数器的值显示在页面上
        document.getElementById('result').innerHTML = `您已选择并点击了 ${count} 个按钮。`;
    });

    button2.addEventListener('click', () => {
        count++;
        // 将计数器的值显示在页面上
        document.getElementById('result').innerHTML = `您已选择并点击了 ${count} 个按钮。`;
    });

    button3.addEventListener('click', () => {
        count++;
        // 将计数器的值显示在页面上
        document.getElementById('result').innerHTML = `您已选择并点击了 ${count} 个按钮。`;
    });

    // 为“重置”按钮添加点击事件监听器
    resetButton.addEventListener('click', () => {
        count = 0;
        // 将计数器的值显示在页面上
        document.getElementById('result').innerHTML = `您已选择并点击了 ${count} 个按钮。`;
    });


</script>
</html>